<template>
  <div class="banner-container">
    <el-carousel height="600px" :interval="5000" arrow="always">
      <el-carousel-item v-for="item in banners" :key="item.id">
        <img :src="item.image" :alt="item.title" class="banner-image" />
        <div class="banner-content">
          <h2>{{ item.title }}</h2>
          <p>{{ item.description }}</p>
          <el-button type="primary" size="large">了解更多</el-button>
        </div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script setup>
const banners = [
  {
    id: 1,
    title: '鞠婧祎Mac口红代言人',
    description: '口红管身采用烫金工艺印有鞠婧祎的英文名缩写，磨砂黑管搭配金标，高级感十足。例如黑魔杖细管系列，以高定黑金细管包装为特色，磨砂质感凸显利落线条',
    image: 'https://image.baidu.com/search/down?url=https://tvax1.sinaimg.cn/large/ea98bce0gy1h1a962v1nzj21z418gnfj.jpg'
  },
  {
    id: 2,
    title: '鞠婧祎Davena手表代言人',
    description: '鞠婧祎的“仙女风”气质与品牌“浪漫·多彩·灵动”的风格高度匹配，其自信闪耀的形象完美诠释了品牌精神。广告片中她佩戴腕表的优雅姿态（如港风红唇造型）更被粉丝称为“夏日富贵花”',
    image: 'https://wallpaperm.cmcm.com/5e7d7279d81c2e4b0fa2279c44bbb75f.jpg'
  },
  {
    id: 3,
    title: '鞠婧祎沪上阿姨代言人',
    description: '沪上阿姨选择鞠婧祎作为首位品牌代言人，看中其兼具古典美与现代感的“人间富贵花”形象，与品牌升级后的“海派摩登”调性高度契合。鞠婧祎在《御赐小仵作》《芸汐传》等剧中的东方美学底蕴，也与品牌“东方摩登茶生活”的主张相呼应',
    image: 'https://wallpaperm.cmcm.com/39e03fbaaaabaf3629a70511fd46981f.jpg'
  }
]
</script>

<style scoped>
.banner-container {
  margin-top: -80px;
}

.banner-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-content {
  position: absolute;
  bottom: 100px;
  left: 100px;
  color: white;
  text-align: left;
  max-width: 500px;
}

.banner-content h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.banner-content p {
  font-size: 18px;
  margin-bottom: 30px;
}
</style>
